{extend name="Layout/base" /}
{block name="content"}
<!-- //////////////////////////////////////////////////////////////////////////// --> 
<!-- START CONTAINER -->
<div class="container-padding">



  <!-- Start Row -->
  <div class="row">

   <div class="col-md-12 padding-b-20">
    <h4 class="font-title">Sweet Alert</h4>
    <p>Beautiful Replacement for Javascript's "Alert". SweetAlert automatically centers itself on the page and looks great no matter if you're using a desktop computer, mobile or tablet. It's even highly customizeable, as you can see below!</p>
  </div>

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          A basic message
        </div>

        <div class="panel-body">
          <a id="button1" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/basic.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button1').onclick = function(){
              swal("Here's a message!");
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Title with a text under
        </div>

        <div class="panel-body">
          <a id="button2" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/textunder.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button2').onclick = function(){
              swal("Here's a message!", "It's pretty, isn't it?")
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Success Message
        </div>

        <div class="panel-body">
          <a id="button3" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/success.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button3').onclick = function(){
              swal("Good job!", "You clicked the button!", "success")
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Message with auto close timer
        </div>

        <div class="panel-body">
          <a id="button4" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/autotime.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button4').onclick = function(){
              swal({   title: "Auto close alert!",   text: "I will close in 3 seconds.",   timer: 3000 });
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Warning message
        </div>

        <div class="panel-body">
          <a id="button5" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/warning.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button5').onclick = function(){
              swal({
                title: "Are you sure?", 
                text: "You will not be able to recover this imaginary file!", 
                type: "warning", 
                showCancelButton: true, 
                confirmButtonColor: "#DD6B55", 
                confirmButtonText: "Yes, delete it!", 
                closeOnConfirm: false 
              },
              function(){
                  swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
              });
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Another Warning message
        </div>

        <div class="panel-body">
          <a id="button6" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/anotherwarning.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button6').onclick = function(){
              swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false
              },
              function(isConfirm){
                if (isConfirm) {
                  swal("Deleted!", "Your imaginary file has been deleted.", "success");
                } else {
                  swal("Cancelled", "Your imaginary file is safe :)", "error");
                }
              });
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->

    <!-- Start Panel -->
    <div class="col-lg-3 col-md-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Message with Custom Image
        </div>

        <div class="panel-body">
          <a id="button7" href="#" class="modalicon" data-toggle="modal" data-target="#myModal">
              <img src="img/alerticons/picture.png" alt="img" style="width:50%;">
          </a>
          <script>
            document.querySelector('#button7').onclick = function(){
              swal({
                title: "Friend Accepted",
                text: "Jonathan Doe added your friend list !",
                imageUrl: "img/profileimg.png"
              });
            };
          </script>
        </div>

      </div>
    </div>
    <!-- End Panel -->




  </div>
  <!-- End Row -->



  <!-- Start Row -->
  <div class="row">

   <div class="col-md-12 padding-b-20">
    <h4 class="font-title"><b>Kode</b> Alert and Notifications </h4>
    <p>We coded awesome alert for who buy kode.</p>
  </div>



    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Basic
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert alert1">
            <a href="#" class="closed">&times;</a>
            You have a mail.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert2">
            <a href="#" class="closed">&times;</a>
            This is another kode-alert.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert3">
            <a href="#" class="closed">&times;</a>
            Woahhh. This is going to be real.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert4">
            <a href="#" class="closed">&times;</a>
            Get a drink. This is important message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert5">
            <a href="#" class="closed">&times;</a>
            Warning Message. You know what i mean.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert6">
            <a href="#" class="closed">&times;</a>
            Danger fellas. We are under attack !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert7">
            <a href="#" class="closed">&times;</a>
            Fabulous everytime !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert8">
            <a href="#" class="closed">&times;</a>
            It's so fluffy...
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert9">
            <a href="#" class="closed">&times;</a>
            Pinky pinky pinky !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert10">
            <a href="#" class="closed">&times;</a>
            File sent to John Doe !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert alert11">
            <a href="#" class="closed">&times;</a>
            I like trains
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->



    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          With Icon
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert1">
            <i class="fa fa-envelope-o"></i>
            <a href="#" class="closed">&times;</a>
            You have a mail.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert2">
            <i class="fa fa-car"></i>
            <a href="#" class="closed">&times;</a>
            This is another kode-alert.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert3">
            <i class="fa fa-check"></i>
            <a href="#" class="closed">&times;</a>
            Woahhh. This is going to be real.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert4">
            <i class="fa fa-info"></i>
            <a href="#" class="closed">&times;</a>
            Get a drink. This is important message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert5">
            <i class="fa fa-warning"></i>
            <a href="#" class="closed">&times;</a>
            Warning Message. You know what i mean.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert6">
            <i class="fa fa-lock"></i>
            <a href="#" class="closed">&times;</a>
            Danger fellas. We are under attack !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert7">
            <i class="fa fa-map-marker"></i>
            <a href="#" class="closed">&times;</a>
            Fabulous everytime !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert8">
            <i class="fa fa-signal"></i>
            <a href="#" class="closed">&times;</a>
            It's so fluffy...
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert9">
            <i class="fa fa-line-chart"></i>
            <a href="#" class="closed">&times;</a>
            Pinky pinky pinky !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert10">
            <i class="fa fa-file-o"></i>
            <a href="#" class="closed">&times;</a>
            File sent to John Doe !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert11">
            <i class="fa fa-train"></i>
            <a href="#" class="closed">&times;</a>
            I like trains
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->



    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Click to Close
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert1">
            <i class="fa fa-envelope-o"></i>
            You have a mail.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert2">
            <i class="fa fa-car"></i>
            This is another kode-alert.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert3">
            <i class="fa fa-check"></i>
            Woahhh. This is going to be real.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert4">
            <i class="fa fa-info"></i>
            Get a drink. This is important message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert5">
            <i class="fa fa-warning"></i>
            Warning Message. You know what i mean.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert6">
            <i class="fa fa-lock"></i>
            Danger fellas. We are under attack !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert7">
            <i class="fa fa-map-marker"></i>
            Fabulous everytime !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert8">
            <i class="fa fa-signal"></i>
            It's so fluffy...
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert9">
            <i class="fa fa-line-chart"></i>
            Pinky pinky pinky !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert10">
            <i class="fa fa-file-o"></i>
            File sent to John Doe !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon kode-alert-click alert11">
            <i class="fa fa-train"></i>
            I like trains
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Lighten
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert1-light">
            <i class="fa fa-envelope-o"></i>
            <a href="#" class="closed">&times;</a>
            You have a mail.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert2-light">
            <i class="fa fa-car"></i>
            <a href="#" class="closed">&times;</a>
            This is another kode-alert.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert3-light">
            <i class="fa fa-check"></i>
            <a href="#" class="closed">&times;</a>
            Woahhh. This is going to be real.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert4-light">
            <i class="fa fa-info"></i>
            <a href="#" class="closed">&times;</a>
            Get a drink. This is important message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert5-light">
            <i class="fa fa-warning"></i>
            <a href="#" class="closed">&times;</a>
            Warning Message. You know what i mean.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert6-light">
            <i class="fa fa-lock"></i>
            <a href="#" class="closed">&times;</a>
            Danger fellas. We are under attack !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert7-light">
            <i class="fa fa-map-marker"></i>
            <a href="#" class="closed">&times;</a>
            Fabulous everytime !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert8-light">
            <i class="fa fa-signal"></i>
            <a href="#" class="closed">&times;</a>
            It's so fluffy...
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert9-light">
            <i class="fa fa-line-chart"></i>
            <a href="#" class="closed">&times;</a>
            Pinky pinky pinky !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert10-light">
            <i class="fa fa-file-o"></i>
            <a href="#" class="closed">&times;</a>
            File sent to John Doe !
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert11-light">
            <i class="fa fa-train"></i>
            <a href="#" class="closed">&times;</a>
            I like trains
          </div>
          <!-- End an Alert -->


        </div>

      </div>
    </div>
    <!-- End Panel -->



  </div>
  <!-- End Row -->



  <!-- Start Row -->
  <div class="row">


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          With Image
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-img alert1">
            <img src="img/profileimg.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <b>John Doe</b> type a message for you.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-img alert10">
            <img src="img/profileimg2.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <b>John</b> wanna be your friend <br><a href="#">See Profile</a>
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-img alert6">
            <img src="img/profileimg5.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <b>John</b> wanna be your friend <br><a href="#">See Profile</a>
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          With Title
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert alert1">
            <a href="#" class="closed">&times;</a>
            <h4>You have a Message!</h4>
            <b>John Doe</b> sent you a message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-img alert3">
            <img src="img/profileimg.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <h4>You have a Message!</h4>
            <b>John Doe</b> sent you a message.
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-icon alert2">
            <i class="fa fa-envelope-o"></i>
            <a href="#" class="closed">&times;</a>
            <h4>You have a Message!</h4>
            <b>John Doe</b> sent you a message.
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-4">
      <div class="panel panel-transparent">

        <div class="panel-title">
          With Buttons
        </div>

        <div class="panel-body">

          <!-- Start an Alert -->
          <div class="kode-alert alert9">
            <a href="#" class="closed">&times;</a>
            <h4>Friend Request</h4>
            <p><b>John Doe</b> sent you a request.</p>
            <button class="primary">Accept</button>
            <button class="cancel">Decline</button>
          </div>
          <!-- End an Alert -->

          <!-- Start an Alert -->
          <div class="kode-alert kode-alert-img alert6">
            <img src="img/profileimg.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <h4>You have a Message!</h4>
            <p><b>John Doe</b> sent you a message.</p>
            <button class="primary">Accept</button>
            <button class="cancel">Decline</button>
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


  </div>
  <!-- End Row -->



  <!-- Start Row -->
  <div class="row">


   <div class="col-md-12 padding-b-20">
    <h4 class="font-title">Screen Position </h4>
    <p>Kode Alert also support screen position. It's easy to use.</p>
  </div>

    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Top
        </div>

        <div class="panel-body">
          <!-- Trigger -->
          <button id="showtop" class="btn btn-default">Show Top</button>

          <!-- Start an Alert -->
          <div id="alerttop" class="kode-alert kode-alert-icon kode-alert-click alert6 kode-alert-top">
            <i class="fa fa-user"></i>
            This is an example top alert. You can edit what u wish. <a href="#">Click anywhere to close</a>
          </div>
          <!-- End an Alert -->
        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Bottom
        </div>

        <div class="panel-body">

          <!-- Trigger -->
          <button id="showbottom" class="btn btn-default">Show Bottom</button>

          <!-- Start an Alert -->
          <div id="alertbottom" class="kode-alert kode-alert-icon kode-alert-click alert3 kode-alert-bottom">
            <i class="fa fa-user"></i>
            As you see i'm at bottom my friend <a href="#">Click anywhere to close</a>
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Top Left
        </div>

        <div class="panel-body">

          <!-- Trigger -->
          <button id="showtopleft" class="btn btn-default">Show Top Left</button>

          <!-- Start an Alert -->
          <div id="alerttopleft" class="kode-alert alert3 kode-alert-top-left">
            <a href="#" class="closed">&times;</a>
            <h4>Hello Again</h4>
            Yes this is the top left alert.
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-6 col-lg-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Top Right
        </div>

        <div class="panel-body">

          <!-- Trigger -->
          <button id="showtopright" class="btn btn-default">Show Top Right</button>

          <!-- Start an Alert -->
          <div id="alerttopright" class="kode-alert kode-alert-img alert7 kode-alert-top-right">
            <img src="img/profileimg.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <h4>You have a Message!</h4>
            <b>John Doe</b> sent you a message.
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->


  </div>
  <!-- End Row -->



  <!-- Start Row -->
  <div class="row">


    <!-- Start Panel -->
    <div class="col-md-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Bottom Left
        </div>

        <div class="panel-body">
          <!-- Trigger -->
          <button id="showbottomleft" class="btn btn-default">Show Bottom Left</button>

          <!-- Start an Alert -->
          <div id="alertbottomleft" class="kode-alert kode-alert-icon kode-alert-click alert6 kode-alert-bottom-left">
            <i class="fa fa-user"></i>
            John became a pro member.
          </div>
          <!-- End an Alert -->
        </div>

      </div>
    </div>
    <!-- End Panel -->


    <!-- Start Panel -->
    <div class="col-md-3">
      <div class="panel panel-transparent">

        <div class="panel-title">
          Bottom Right
        </div>

        <div class="panel-body">

          <!-- Trigger -->
          <button id="showbottomright" class="btn btn-default">Show Bottom Right</button>

          <!-- Start an Alert -->
          <div id="alertbottomright" class="kode-alert kode-alert-img alert3 kode-alert-bottom-right">
            <img src="img/profileimg.png" class="img" alt="img">
            <a href="#" class="closed">&times;</a>
            <h4>Jonathan Doe is oline</h4>
            <a href="#">Send a Message</a>
          </div>
          <!-- End an Alert -->

        </div>

      </div>
    </div>
    <!-- End Panel -->



  </div>
  <!-- End Row -->









</div>
<!-- END CONTAINER -->
 <!-- //////////////////////////////////////////////////////////////////////////// -->
{/block}